<style lang="less" scoped>
  @import './webview.less';
</style>

<template>
  <webview :url="webview.url" :isShow="webview.isShow" :style="{height: '100%', width: '100%'}" ref="wedview"></webview>
</template>

<script>
import Webview from '_c/webview'
export default {
  components: {
    Webview
  },
  data () {
    return {
      webview: {
        isShow: false,
        url: 'http://www.baidu.com'
      }
    }
  },
  mounted () {
  },
  activated () {
    this.init()
  },
  deactivated () {
    this.webview.isShow = false
  },
  methods: {
    init () {
      this.webview.isShow = true
      this.$refs.wedview._openWebview(this.webview.url)
    }
  }
}
</script>

<style>

</style>
